<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/taglib.jsp"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<%
	String contextPath = request.getContextPath();
%>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content=",initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>首页</title>
	<!-- inject:css -->

	<link rel="stylesheet" href="${res_url}css/main.css">

	<!-- endinject -->
	<link rel="stylesheet" href="${res_url}bower_components/Swiper/dist/css/swiper.min.css">
</head>

<body>
<input type="hidden" id="openid" value="${openid }">
	<!--购物车按钮(start)-->
	<div class="shoppingcarBtn">
		<a href="<%=contextPath %>/shoppingcar/shoppingcar">
			<i></i>
			<span>${carSize }</span>
		</a>
	</div>
	<!--购物车按钮(end)-->
	<div class="main pFooter">
		<div class="homeWrap">
			<div class="topBar">
				<a href="<%=contextPath %>/web/citylist?store_id=${store.id }">
					<div class="locationCity" >${store.name }</div>
				</a>
				<h1 class="pageTilte">O2O洗衣</h1>
			</div>
			<div class="bannerWrap banner-swiper-container">
				<ul class="bannerList swiper-wrapper">
					<c:forEach items="${banners }" var="banner">
						
							<li class="swiper-slide"><a href="${banner.linkUrl }"><img data-src="${banner.imgUrl }" alt="" class="swiper-lazy"></a>
								<div class="swiper-lazy-preloader"></div>
							</li>
						
					</c:forEach>
				</ul>
				<div class="swiper-pagination"> </div>
			</div>
			<nav class="navWrap">
				<a href="<%=contextPath %>/web/appointment" class="appointment"><span>一键</span><span>预约</span></a>
				<ul class="navList">
					<li>
						<div class="navItem">
							<a href="<%=contextPath %>/web/clothes">

								<img src="${res_url}img/icon/rcxy@2x.png" alt="">
								<p class="type">日常洗衣</p>
								<p class="price"><i class="RMB">￥</i>9/件起</p>
							</a>

						</div>
					</li>
					<li>
						<div class="navItem">
							<a href="<%=contextPath %>/web/shoes">
								<img src="${res_url}img/icon/xx@2x.png" alt="">
								<p class="type">洗鞋</p>
								<p class="price"><i class="RMB">￥</i>9/件起</p>
							</a>
						</div>
					</li>
					<li>
						<div class="navItem">
							<a href="<%=contextPath %>/web/textiles">
								<img src="${res_url}img/icon/jjjf@2x.png" alt="">
								<p class="type">家居家纺</p>
								<p class="price"><i class="RMB">￥</i>9/件起</p>
							</a>
						</div>
					</li>
					<li>
						<div class="navItem">
							<a href="<%=contextPath %>/web/luxury">
								<img src="${res_url}img/icon/scppj@2x.png" alt="">
								<p class="type">奢侈品皮具</p>
								<p class="price"><i class="RMB">￥</i>9/件起</p>
							</a>
						</div>
					</li>
					<%--积分商城
					<li>
						<div class="navItem">
							<a href="${satSetUrl }">
								<img src="${res_url}img/icon/zlmdx@2x.png" alt="">
								<p class="type">周六免单洗</p>
								<p class="price special"> 0元洗</p>
							</a>
						</div>
					</li>
					
					<li>
						<div class="navItem">
							<a href="<%=contextPath %>/web/welfare">
								<img src="${res_url}img/icon/hyfls@2x.png" alt="">
								<p class="type">会员福利社</p>
								<p class="price special"> 优惠多多</p>
							</a>
						</div>
					</li>
					 --%>
				</ul>
			</nav>
			<div class="aboutServiceWrap">
				<ul class="aboutServiceList flex">
					<li>
						<a href="<%=contextPath %>/service/serviceProcess"><img src="${res_url}img/icon/fwlc@2x.png" alt=""></a>
					</li>
					<li>
						<a href="<%=contextPath %>/service/serviceRange"><img src="${res_url}img/icon/fwfw@2x.png" alt=""></a>
					</li>
					<li>
						<a href="<%=contextPath %>/service/priceGuide"><img src="${res_url}img/icon/jgzy@2x.png" alt=""></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<footer>
		<ul class="bMenu fixed">
			<li class="current"><a href="index"><i class="homeIcon current"></i><span>首页</span></a></li>
			<li><a href="<%=contextPath %>/usercenter/order"><i class="orderIcon"></i><span>订单</span></a></li>
			<li> <a href="<%=contextPath %>/usercenter/me"><i class="meIcon"></i><span>我</span></a></li>

		</ul>
	</footer>
	<script src="${res_url}bower_components/zepto/zepto.min.js"></script>
	<script src="${res_url}js/common.js"></script>
	<script src="${res_url}bower_components/Swiper/dist/js/swiper.min.js"></script>
	<script src="${res_url}js/swiperMd.js"></script>
</body>

</html>